﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    @*<a class="mui-icon mui-icon-left-nav mui-pull-left" href="MIssueDealList"></a>*@
    <h1 class="mui-title" style="color:white;">我的责任</h1>
</header>
<div class="mui-content" ng-cloak ng-controller="SafetyResponsibilityController" ng-init="
        GetMyResponsibility();
     ">
    <p style="margin:20px 5px;">我的岗位责任：</p>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-collapse" ng-repeat="x in ResponsibilityDetail">
            <a class="mui-navigate-right" ng-cloak>
                {{$index+1}}.&nbsp;{{x.Title}}
                <span class="mui-badge mui-badge-primary" ng-cloak>{{x.Content.length}}</span>
            </a>
            <div class="mui-collapse-content">
                <h5 style="margin-top: 5px; text-align: justify; font-size:15px; line-height: 30px; " ng-repeat="y in x.Content track by $index" ng-cloak><span class="mui-badge mui-badge-primary" ng-cloak>{{$index+1}}</span>&nbsp;&nbsp;{{y}}</h5>
            </div>
        </li>
    </ul>
</div>
<div style="height:50px;"></div>
@section js{
    <script src="~/Assets/js/pg/SafetyResponsibility.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });

        mui.showLoading("正在加载..", "div");

        setTimeout(function () {
            mui.hideLoading();
            mui.previewImage();
        }, 2000);


    </script>
}

